<ion-header class="opacity-header">
  <ion-toolbar class="opacity-toolbar">
    <ion-buttons slot="start">
      <ion-menu-button class="color-gray">
        <ion-icon name="md-list"></ion-icon>
      </ion-menu-button>
    </ion-buttons>
    <ion-title class="opacity-title">盛融贷</ion-title>
    <ion-buttons slot="end">
      <ion-button class="color-gray" [routerLink]="['/system-message']">
        <ion-icon name="mail-unread"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content>
  <!-- 未登录 -->
  <div class="no-login-content-top">
    <img src="assets/imgs/logo_text.png">
    <div>
      <a class="link-btn bg-orange" [routerDirection]="'forward'" [routerLink]="['/registry']">注册</a>
      <a class="link-btn bg-orange" [routerDirection]="'forward'" [routerLink]="['/login']">登录</a>
    </div>
  </div>
  <div class="no-login-list">
    <ion-list>
      <ion-item><span class="iconfont icon-zhiyin blue"></span> 新手指南</ion-item>
      <ion-item><span class="iconfont icon-daikuan-xianxing red"></span> 网贷入门</ion-item>
      <ion-item><span class="iconfont icon-bumen orange"></span> 资金存管</ion-item>
      <ion-item><span class="iconfont icon-anquanbaozhang-xianxing green"></span> 保障体系</ion-item>
    </ion-list>
  </div>

</ion-content>